@import "../../scss/global.scss";

body {
    background-color: $c_13;
}

/* 雪碧图 */
@mixin icon-all($width, $height, $x, $y) {
    width: $width;
    height: $height;

    background-position: $x $y;

    display: inline-block;

    vertical-align: middle;

    background: url(../../static/images/icon-all.png) no-repeat;
    background-position: $x $y;
}

.icon-logo {
    @include icon-all(294px, 47px, 0, 0);
    a {
        display: inline-block;

        width: 148px;
        height: 100%;

        vertical-align: top;
    }
}

.icon-member {
    @include icon-all(19px, 18px, 0, -50px);
}

.icon-setting {
    @include icon-all(16px, 17px, -23px, -52px);
}

.icon-radio {
    @include icon-all(32px, 16px, -105px, -53px);
}

.icon-notice {
    @include icon-all(18px, 18px, -43px, -52px);
}

.icon-lang {
    @include icon-all(16px, 18px, -67px, -52px);
}

.icon-power {
    @include icon-all(18px, 18px, -88px, -53px);
}

.icon-gold {
    @include icon-all(18px, 18px, -139px, -52px);
}

.icon-hot {
    @include icon-all(26px, 16px, -32px, -1444px);
}

.icon-nav {
    @include icon-all(18px, 20px, -25px, -198px);
}

.icon-nav-index {
    @include icon-all(19px, 16px, 0px, -81px);
}

.icon-btn-nav-index {
    @include icon-all(24px, 30px, -33px, -261px);
}

.icon-nav-account {
    @include icon-all(19px, 16px, -21px, -79px);
}

.icon-btn-nav-account {
    @include icon-all(27px, 27px, -62px, -261px);
}

.icon-nav-access {
    @include icon-all(19px, 16px, -41px, -79px);
}

.icon-btn-nav-access {
    @include icon-all(27px, 27px, -92px, -261px);
}

.icon-nav-charts {
    @include icon-all(19px, 16px, -63px, -80px);
}

.icon-btn-nav-charts {
    @include icon-all(27px, 27px, -126px, -261px);
}

.icon-nav-soft {
    @include icon-all(19px, 16px, -103px, -79px);
}

.icon-btn-nav-soft {
    @include icon-all(27px, 27px, -188px, -261px);
}

.icon-nav-favourable {
    @include icon-all(19px, 16px, -80px, -78px);
}

.icon-btn-nav-favourable {
    @include icon-all(27px, 27px, -155px, -261px);
}

.icon-nav-invite {
    @include icon-all(19px, 16px, -231px, -78px);
}

.icon-btn-nav-invite {
    @include icon-all(27px, 27px, -64px, -226px);
}

.icon-nav-emergency {
    @include icon-all(19px, 16px, -125px, -80px);
}

.icon-btn-nav-emergency {
    @include icon-all(27px, 27px, -214px, -261px);
}

.icon-btn-nav {
    @include icon-all(27px, 29px, 0, -262px);
}

.icon-info {
    @include icon-all(20px, 20px, -216px, -433px);
}

.icon-arrow-up {
    @include icon-all(14px, 11px, -170px, -309px);
}

.icon-popup-arrow-up {
    @include icon-all(21px, 12px, -4px, -335px);
}

.icon-arrow-down {
    @include icon-all(14px, 11px, -190px, -306px);
}

.icon-arrow-right {
    @include icon-all(6px, 8px, -27px, -337px);
}

.icon-arrow-down-sx {
    @include icon-all(10px, 6px, -208px, -312px);
}

.icon-star {
    @include icon-all(20px, 18px, -24px, -709px);
}

.icon-sub-nav {
    @include icon-all(5px, 7px, -27px, -337px);
}

.icon-pointer {
    @include icon-all(11px, 11px, -21px, -106px);
}

.icon-que {
    @include icon-all(15px, 15px, -3px, -103px);
}

.icon-history {
    @include icon-all(28px, 22px, -73px, -426px);
}

.icon-detail {
    @include icon-all(20px, 20px, -40px, -333px);
}

.icon-select-arrow-down {
    @include icon-all(25px, 25px, 145px, -584px);
}

.icon-arrow-up-sx {
    @include icon-all(10px, 6px, -208px, -320px);
}

.main-container {
    width:1250px;
    min-width:1250px;
    margin:auto;
}